// pages/demo07/preview/preview.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
  
  },
  previewImage:function(){
    wx.canvasToTempFilePath({
      x: 100,
      y: 200,
      width: 50,
      height: 50,
      destWidth: 100,
      destHeight: 100,
      canvasId: 'myCanvas',
      success(res) {
        console.log(res.tempFilePath)
      },
      fail(res){
        console.log("failed")
      }
    })
   
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //创建画布上下文
    let that = this
    const query = wx.createSelectorQuery()
    const newLocal = '#myCanvas';
    query.select(newLocal)
      .fields({
        node: true
      })
      .exec((res) => {
        const canvas = res[0].node
        that.canvas=canvas;
        that.ctx = canvas.getContext('2d')
        let ctx=that.ctx;
         //tip: Canvas 2D（新接口）需要显式设置画布宽高 (默认为 300x150)
         canvas.width = 300;
         canvas.height = 300;
         ctx.fillStyle='lightgreen'
         ctx.fillRect(75,75,150,150)
      })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})